﻿<!DOCTYPE html>
<html lang="en">
<head>

    <link href="../../statics/css/indexs/BigData.css" rel="stylesheet" type="text/css" />
    <link href="../../statics/css/indexs/index.css" rel="stylesheet" type="text/css" />
    <link href="../../statics/css/indexs/index01.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="../../statics/css/bootstrap.min.css">
    <link rel="stylesheet" href="../../statics/css/bootstrap-table.min.css">
    <link rel="stylesheet" href="../../statics/plugins/layui2.5.6/css/layui.css">
    <link href="../../statics/css/indexs/Security_operation.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="../../statics/js/artDialog/skins/default.css" type="text/css"/>
    <script src="../../statics/libs/jquery.min.js"></script>
    <script src="../../statics/js/indexs/home_page.js"></script>
    <meta charset="UTF-8">
    <title>阳曲服务区信息平台</title>
    <#include "/header.html">
    <style>
        .playWnd {
            width:  100%;                  /*播放容器的宽和高设定*/
            height: 100%;
        }
        .camaraRow1{
            text-align:center;
            width: 24%;
            margin-left: 1%;
            height: 26px;
            line-height: 22px;
            cursor: pointer
        }
        .camaraRow2{
            text-align:center;
            width: 24%;
            margin-left: 1%;
            margin-top:1%;
            height: 26px;
            line-height: 22px;
            cursor: pointer
        }
    </style>
</head>
<body >
<div style="color: white;font-size: 32px;position: absolute;text-align: center;padding-top: 1%;z-index: 9;left: 41%;" >阳曲服务区信息平台</div>
<div style="position: absolute;width: 30px;height: 20px;z-index: 9999999999999999999" onclick="goBackstage()"></div>
<div class="data_bodey">
    <div class="index_nav" >
        <ul style="height: 30px; margin-bottom: 0px;">
            <li class="l_left total_chose_fr nav_active"><a style="color: white" href="../../modules/page/page_1.html" class="nav-link">实时监测</a></li>
            <li class="l_left total_chose_pl " ><a style="color: white" href="../../modules/page/page_2.html" class="nav-link">流量分析</a></li>
            <!--<li class="l_left total_chose_pl"><a style="color: white" href="../../modules/page/page_3.html" class="nav-link">订单分析</a></li>-->
            <li class="r_right total_chose_fr"><a style="color: white" href="../../modules/page/page_4.html" class="nav-link">大屏推送</a></li>
            <li class="r_right total_chose_pl"><a style="color: white" href="../../modules/page/page_5.html" class="nav-link">车位管理</a></li>
            <li class="r_right total_chose_fr"><a style="color: white" href="../../modules/page/page_6.html" class="nav-link">智慧公厕</a></li>
            <li class="r_right total_chose_fr"><a style="color: white" href="../../modules/page/page_7.html" class="nav-link">视频监控</a></li>
        </ul>
        <div class="total_chose_box" style="padding:1%;display: none;">
            <div style="height: 10px;"></div>
            <span id="thisDay" onclick="choicetime(0)" class="year_chose" style="background-color: #3366FF;text-align:center;width:4%;height: 26px;line-height: 22px;cursor: pointer">本天</span>
            <span id="thisMonth" onclick="choicetime(1)" class="year_chose" style="margin-left:5px;text-align:center;width:4%;height: 26px;line-height: 22px;cursor: pointer">本月</span>
            <input  style="margin-left:5px;float: left;display:inline-block;height:26px;width: 8% ;" type="text"  class="layui-input" id="choiceday" placeholder="选择日期">
            <input  style="margin-left:5px;float: left;display:none;height:26px;width: 8% ;" type="text"  class="layui-input" id="choicemonth" placeholder="选择月">
            <span  id="submit" onclick="query()" class="year_chose" style="margin-left:5px;width: 4% ;display:block;background-color: #3366FF;text-align:center;width:5%;height: 26px;line-height: 22px;cursor: pointer">查询</span>
            <!--<span  onclick="choicetime(7)" class="year_chose" style="text-align:center;width:5%;height: 26px;line-height: 22px;cursor: pointer;margin-left: 1%">近7天</span>
            <span  onclick="choicetime(30)" class="year_chose" style="text-align:center;width:5%;height: 26px;line-height: 22px;cursor: pointer;margin-left: 1%">近30天</span>-->
        </div>
        <div class="clear"></div>
    </div>
    <div class="index_tabs" >
        <!--安防运作-->
        <div class="inner" style="height: 109%;">
            <div class="left_cage" style="width: 29%">
                <div class="dataAllBorder01 cage_cl" style="margin-top: 9% !important; height: 15%;">
                    <div class="dataAllBorder02">
                        <div class="data_tit1" style="height: 17%">实时车位</div>
                        <table class="table_data01" style="text-align: center">

                            <tr><td class="font6">总车位</td><td class="font6">剩余车位</td><td class="font6">南区剩余</td><td class="font6">北区剩余</td></tr>
                            <tr><td id="pz" class="font6">433</td><td id="pk" class="font6">--</td><td id="psk" class="font6">--</td><td id="pnk" class="font6">--</td></tr>

                        </table>
                    </div>
                </div>
                <div class="dataAllBorder01 cage_cl" style="margin-top: 1% !important; height: 15%; position: relative;">
                    <div class="dataAllBorder02">
                        <div class="data_tit1" style="height: 18%">智慧公厕</div>
                        <table class="table_data01" style="text-align: center">

                            <tr><td class="font6">南区男厕</td><td class="font6">南区女厕</td><td class="font6">北区男厕</td><td class="font6">北区女厕</td></tr>
                            <tr><td id="nanS" class="font6">19</td><td id="nvS" class="font6">48</td><td id="nanN" class="font6">19</td><td id="nvN" class="font6">48</td></tr>

                        </table>
                    </div>

                </div>
                <!--车流量变化曲线-->
                <div class="dataAllBorder01 cage_cl" style="margin-top: 1% !important; height: 31%">
                    <div class="dataAllBorder02" >
                        <div class="data_tit1" style="height: 7%">今日车流趋势</div>
                        <div id="scount" style="width: 10%;height: 4%;position: absolute;color: white;font-size: 16px;margin-left: 2%;margin-top: 1%"></div>
                        <div id="ncount" style="width: 10%;height: 4%;position: absolute;color: white;font-size: 16px;margin-left: 20%;margin-top: 1%"></div>
                        <div class="zhanleft02" id="cllChart" style="height: 90%"></div>
                    </div>
                </div>
                <!--车流量变化曲线-->
                <div class="dataAllBorder01 cage_cl" style="margin-top: 1% !important; height: 31%">
                    <div class="dataAllBorder02" >
                        <div class="data_tit1"style="height: 7%">今日客流趋势</div>
                        <div id="skllCount" style="width: 10%;height: 4%;position: absolute;color: white;font-size: 16px;margin-left: 2%;margin-top: 1%"></div>
                        <div id="nkllCount" style="width: 10%;height: 4%;position: absolute;color: white;font-size: 16px;margin-left: 20%;margin-top: 1%"></div>
                        <p class="zhanleft02" id="kllChart" style="height: 90%"></p>
                    </div>
                </div>
            </div>

            <div class="center_cage" style="width: 41%">
                <!--流量统计-->
                <div class="dataAllBorder01 cage_cl" style="margin-top: 6.5% !important; height: 15%;">
                    <div class="dataAllBorder02" >
                        <div style="width: 49%;height:50%;float: left;margin-top: 1%;margin-left: 1%">
                            <div class="analysis" style="width: 27%;float: left">今日车流量</div>
                            <ul  class="data_show_box">
                                <li class="data_cage" id="cll5">0</li>
                                <li class="data_cage" id="cll4">0</li>
                                <li class="data_cage" id="cll3">0</li>
                                <li class="data_cage" style="background-image: none;">,</li>
                                <li class="data_cage" id="cll2">0</li>
                                <li class="data_cage" id="cll1"> 0</li>
                                <li class="data_cage" id="cll0">0</li>
                                <li class="data_cage" style="background-image: none;font-size: 14px;padding-top: 5%;width: 10%">车次</li>
                            </ul>

                        </div>
                        <div style="width: 49%;height:50%;float: left;margin-top: 1%">
                            <div class="analysis" style="width: 27%;float: left">今日客流量</div>
                            <ul  class="data_show_box">
                                <li class="data_cage" id="kll5">0</li>
                                <li class="data_cage" id="kll4">0</li>
                                <li class="data_cage" id="kll3">0</li>
                                <li class="data_cage" style="background-image: none;">,</li>
                                <li class="data_cage" id="kll2">0</li>
                                <li class="data_cage" id="kll1"> 0</li>
                                <li class="data_cage" id="kll0">0</li>
                                <li class="data_cage" style="background-image: none;font-size: 14px;padding-top: 5%;width: 10%">人次</li>
                            </ul>
                        </div>
                        <div style="width: 49%;height:50%;float: left;margin-left: 1%">
                            <div class="analysis" style="width: 27%;float: left">今日销售量</div>
                            <ul  class="data_show_box">
                                <li class="data_cage" id="xsl5">0</li>
                                <li class="data_cage" id="xsl4">0</li>
                                <li class="data_cage" id="xsl3">0</li>
                                <li class="data_cage" style="background-image: none;">,</li>
                                <li class="data_cage" id="xsl2">0</li>
                                <li class="data_cage" id="xsl1">0</li>
                                <li class="data_cage" id="xsl0">0</li>
                                <li class="data_cage" style="background-image: none;font-size: 14px;padding-top: 5%;width: 10%">次</li>
                            </ul>

                        </div>
                        <div style="width: 49%;height:50%;float: left">
                            <div class="analysis" style="width: 27%;float: left">今日销售额</div>
                            <ul  class="data_show_box">
                                <li class="data_cage" id="xse5">0</li>
                                <li class="data_cage" id="xse4">0</li>
                                <li class="data_cage" id="xse3">0</li>
                                <li class="data_cage" style="background-image: none;">,</li>
                                <li class="data_cage" id="xse2">0</li>
                                <li class="data_cage" id="xse1">0</li>
                                <li class="data_cage" id="xse0">0</li>
                                <li class="data_cage" style="background-image: none;font-size: 14px;padding-top: 5%;width: 10%">元</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="dataAllBorder01 cage_cl" style="margin-top: 0.5% !important; height: 78.2%;">
                    <div class="dataAllBorder02" id="map_title_innerbox" style="position: relative">
                        <div class="map_title_box" style="height: 3%">
                            <div class="map_title_innerbox" >
                                <div class="map_title">南区监控</div>
                            </div>
                        </div>
                        <div id="south" style="width: 98%;height: 4%;float: left;padding-top: 1%">
                        </div>

                        <div style="width: 98%;height: 71.5%;float: left;border: solid 1px #2c85d2;margin-left: 1%;position: absolute;top: 14%">
                            <div id="playWnd" class="playWnd" style=" left: 0.5%; top: 0.5%;width: 100%;height: 100%"></div>
                        </div>

                        <div id="north" style="width: 98%;height: 4%;float: left;padding-top: 0.5%;position: absolute;top: 86%">
                        </div>
                        <div class="map_title_box" style="top: 94%">
                            <div class="map_title_innerbox" style="height: 3%">
                                <div class="map_title" style="background-image: url('../../statics/css/img/first_title1.png')">北区监控</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="right_cage" style="width: 29%">
                <!--顶部切换位置-->
                 <!--<div class="dataAllBorder01 cage_cl" style="margin-top: 9% !important; height: 33%">
                     <div class="dataAllBorder02" >
                         <div class="data_tit1" style="height: 7%">今日单品销售排名</div>
                         <div id="dpSailChart" style="height: 90%"></div>
                     </div>
                 </div>

                 <div class="dataAllBorder01 cage_cl check_increase" style=" margin-top: 1% !important;height: 29.5%">
                     &lt;!&ndash;切换01&ndash;&gt;
                     <div class="dataAllBorder02 over_hide dataAllBorder20" >
                         <div class="data_tit1" style="height: 7%">今日销售趋势</div>
                         <div id="sailChart" style="height: 100%"></div>

                     </div>
                 </div>
                 <div class="dataAllBorder01 cage_cl" style="margin-top: 1% !important; height: 30%">
                     <div class="dataAllBorder02" >
                         <div class="data_tit1" style="height: 7%">今日销量统计</div>
                         <div class="zhanleft02" id="nqSailChart" style="height: 90%;width: 47%;float: left;padding-top: 1%"></div>
                         <div class="zhanleft02" id="bqSailChart" style="height: 90%;width: 47%;float: left;padding-top: 1% "></div>
                     </div>
                 </div>-->
                <div class="data_left01" style="height: 35%;width: 100%;float: left;margin-right: 0.3%;margin-left: 0;margin-top: 9% !important;">
                    <div class="dataAll maginS" style="height: 100%">
                        <div class="dataAllBorder01">
                            <div class="dataAllBorder02">
                                <div class="data_tit1" style="height: 6%;">车流量统计</div>
                                <div class="data_chart" id="carFlowChart" style="float:left;width:97%;height: 93%"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="dataAllBorder01 cage_cl" style="height: 31%;width: 49.8%;float: left;margin-right: 0.3%;margin-top: 1%;">
                    <div class="dataAllBorder02">
                        <div class="data_tit1" style="height: 7%;">车辆类型对比</div>
                        <div class="data_chart" id="carGroupChart" style="float:left;width:97%;height: 90%"></div>
                    </div>
                </div>
                <div class="dataAllBorder01 cage_cl" style="height: 31%;width: 49.9%;float: left;margin-top: 1%;">
                    <div class="dataAllBorder02">
                        <div class="data_tit1" style="height: 7%;">客流量对比</div>
                        <div class="data_chart" id="peoplecount" style="float:left;width:97%;height: 90%"></div>
                    </div>
                </div>
                <div class="dataAllBorder01 cage_cl" style="height: 26.5%;width: 100%;float: left;margin-top: 1%;">
                    <div class="dataAllBorder02">
                        <div class="data_tit1" style="height: 10%;">归属地统计</div>
                        <div class="data_chart" id="carfrom" style="float:left;width:97%;height: 88%"></div>
                    </div>
                </div>
            </div>

        </div>

    </div>
</div>
<div id="northLayer" style="display: none;padding:10px;">
    <ul id="northTree" class="ztree"></ul>
</div>
<div id="southLayer" style="display: none;padding:10px;">
    <ul id="southTree" class="ztree"></ul>
</div>

<script src="../../statics/js/indexs/echarts-all.js"></script>
<script src="../../statics/libs/bootstrap.min.js"></script>
<script src="../../statics/libs/bootstrap-table.min.js"></script>
<script type="text/javascript" src="../../statics/js/indexs/jquery.pagination.js"></script>
<script src="../../statics/libs/bootstrap-table-zh-CN.min.js"></script>
<script src="../../statics/plugins/layui2.5.6/layui.js"></script>
<script src="../../statics/js/indexs/home_page.js"></script>
<script src="../../statics/js/artDialog/artDialog.js"></script>
<script src="../../statics/js/artDialog/plugins/iframeTools.source.js"></script>
<script src="../../statics/plugins/hikvision/jsencrypt.min.js"></script>
<script src="../../statics/plugins/hikvision/jsWebControl-1.0.0.min.js"></script>
<script src="../../statics/js/indexs/hikvision2.js"></script>
<script src="../../statics/js/page/page_1.js"></script>
<script>

    function goBackstage() {
        window.location.href="../../index.html";
    }

</script>
</body>
</html>



























